<template>
        <header class="my-header">
        <div class="my-header-wrapper">
        	  <p class="seting">
        	    <span class="iconfont icon-buzhi">设置</span>
        	    <span class="iconfont icon-qdao">签到</span>
        	  </p>
        	<p class="xiaoxi">
        	  <span class="iconfont icon-xiaoxi"></span> 
        	</p>
        </div>
        <div class="wrapper-login">
        	<div class="login-register">
        	<router-link to='/officiallogin' tag="span">登录/</router-link>
        	<router-link to='/register' tag="span">注册</router-link>
        </div>
        </div>
      </header>
        <!--<div class="content">
        	内容
        </div>-->
    <!--<div class="userbox">
    <router-link to="/login" tag="span">登录</router-link>
    <router-link to="/register" tag="span">注册</router-link>
    <mt-actionsheet
      :actions="actions"
      v-model="sheetVisible">
    </mt-actionsheet>
  </div>-->
</template>

<script>
export default {
  mounted () {
	if(localStorage.getItem('isReg') === '已注册' ) {
		  this.$router.push('/officiallogin')
	}else{
		 this.$router.push('/nologin')
	}
    }
}

//import Vue from 'vue'
//import { Actionsheet } from 'mint-ui'
//Vue.use(Actionsheet)
//export default {
//data () {
//  return {
//    sheetVisible: false,
//    actions: [
//      {
//        name: '拍照',
//        method: this.takePhoto
//      },
//      {
//        name: '相册选取',
//        method: this.takePhoto1
//      }
//    ]
//  }
//},
//methods: {
//  takePhoto () {
//    console.log('拍照')
//  },
//  takePhoto1 () {
//    console.log('相册选取')
//  },
//  chooseImg () {
//    this.sheetVisible = !this.sheetVisible
//  }
//}
//}
</script>

<style lang="scss" scoped>
@import '@/lib/reset.scss';
.my-header{
  @include rect(100%, 1.44rem);
  @include background-color(#ccc);
  @include flexbox();
  @include flex-direction(column);
  justify-content: flex-start;
  .my-header-wrapper{
	  @include rect(100%, 0.44rem);
    @include background-color(#ccc);
    @include flexbox();
    @include text-color(#000);
    @include line-height(0.44rem);
    justify-content:space-between;
    .icon-buzhi{
    	margin-left:8px;
    	font-size: 15px;
    }
    .icon-xiaoxi{
    	font-size: 20px;
    	margin-right:8px;
    }
  }
  .wrapper-login{
  	@include rect(100%, 0.34rem);
    @include background-color(#ccc);
    @include flexbox();
    justify-content:center;
  	.login-register{
    @include rect(1.1rem, 0.34rem);
    @include background-color(#ccc);
    @include flexbox();
    @include text-color(#fff);
    border:1px solid #fff;
    border-radius:10px;
    @include align-items();
    justify-content:center;
    margin-top:15px;
    font-size:15px;
    font-weight: 600;
  }
  }
 
}
</style>

